<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 user-scalable=no">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>JRD</title>
    <link href="../css/style.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/jrd-common.css">
    <link rel="stylesheet" href="../css/font-awesome.min.css">

</head>
<body class="sticky-header">
<div class="wrapper-header">
        <img src="../image/top_logo.png" class="img-responsive" alt="">
</div>
<div class="main-body">
    <div class="function-bar searchBar">
        <ul class="nav  custom-nav" id="leftSlider">
        </ul>
    </div>
    <div class="main-content" >
        <!-- header section start-->
            <!--toggle button start-->
            <a class="btn-justified toggle-btn" onclick="flexFunctionBar()"><i class="icon-align-justify"></i></a>
            <!--toggle button end-->
            <!--notification menu start -->
            <div class="menu-right">
                <ul class="notification-menu">
                    <li>
                        <span class='.notification-menu .info-number '>剩余面单：</span><span class="top_expressNo"></span>
                    </li>
                    <li>
                        <span >余额：</span><span class="top_balance"></span>
                    </li>
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle info-number" data-toggle="dropdown">
                            <i class="fa fa-envelope-o"></i>
                            <span class="badge">5</span>
                        </a>
                        <div class="dropdown-menu dropdown-menu-head pull-right">
                            <h5 class="title">您有5条信息 </h5>
                            <ul class="dropdown-list normal-list">
                                <li class="new">
                                    <a href="">
                                        <span class="desc">
                                          <span class="name">华阳<span class="badge badge-success">new</span></span>
                                          <span class="msg">我是相关信息</span>
                                        </span>
                                    </a>
                                </li>
                                <li class="new">
                                    <a href="">
                                        <span class="desc">
                                          <span class="name">华阳<span class="badge badge-success">new</span></span>
                                          <span class="msg">我是相关信息</span>
                                        </span>
                                    </a>
                                </li>

                                <li class="new"><a href="">全部标记为已读</a></li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <a href="#" class="btn btn-default dropdown-toggle " data-toggle="dropdown">
                            <span class="site_Station"></span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                            <li><a href="#"><i class="fa fa-user"></i> <span class="site_Maneger"></span></a></li>
                            <li><a href="#"><i class="fa fa-cog"></i>  修改密码</a></li>
                            <li><a href="#"><i class="fa fa-sign-out"></i> 登出</a></li>
                        </ul>
                    </li>

                </ul>
            </div>
            <!--notification menu end -->
            <div class="jrd-content" >
                <iframe class='' src="" scrolling="no" frameborder="0">
                </iframe>
            </div>
        </div>
        <!-- header section end-->

        <!--body wrapper start-->

        <!--body wrapper end-->

        <!--footer section start-->
        <!--<footer>-->
        <!--2014 &copy;JRD-->
        <!--</footer>-->
        <!--footer section end-->
</div>


<!-- Placed js at the end of the document so the pages load faster -->
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.nicescroll.js"></script>
<script src="../js/director.min.js"></script>
<script src="../js/toggle.js"></script>
<script src="../js/getLoginMessege.js"></script>
<script src="../js/fixTableHeader.js"></script>
<!--侧边栏伸缩 bug-->
<!--<script src="../js/scripts.js"></script>-->
<!--<script>-->
<!--let leftSlider=document.getElementById("leftSlider");-->
<!--leftSlider.addEventListener("click",loadPage,true)-->
<!--function loadPage(e){-->
    <!--e.preventDefault();-->
    <!--let targetElement=e.target.nodeName==="A"?e.target:e.target.parentNode;-->
    <!--let href=targetElement.getAttribute("href");-->
    <!--$("iframe").attr("src",href)-->
<!--}-->
<!--</script>-->
<script>
    let toggleBtn = document.getElementsByClassName("toggle-btn")
    function flexFunctionBar() {
        var bar = $(".searchBar").hasClass("function-bar");
        if(bar){
            $(".searchBar").removeClass("function-bar").addClass("function-bar-small");
        }else {
            $(".searchBar").removeClass("function-bar-small").addClass("function-bar");
        }
    }
</script>
</body>
</html>
